		
{% extends 'mensajes/base.html' %}

{% block css-javascript-agregados %}		
	<!-- SEXYSELECT -->
	<link 	type="text/css" 		href="static/ui.sexyselect/css/ui.sexyselect.0.55.css" 			rel="stylesheet"/>
	<script type="text/javascript" 	src="static/ui.sexyselect/js/ui.sexyselect.min.0.6.js" >		</script>
{% endblock %}

{%block content%}  
<br/>
<div id="tab">
	
	  {% ifequal estado 'crear' %}
			  <form method="GET" enctype="multipart/form-data"> 
				{% csrf_token %} 
				<table>{{form.as_table}}</table>
		  		<br/>
	    <table>
				<input type="submit" class="find_link" value="Guardar" onclick = "this.form.action = '/comunidadcyt/mensajeria/guardar'; this.form.submit()" />
		      	<input type="submit" class="find_link" value="Enviar" onclick = "this.form.action = '/comunidadcyt/mensajeria/enviar'; this.form.submit()" />
			  </form>
			  <form action="/comunidadcyt/home" method="GET">
			  	<input type="submit" class="find_link" value="Cancelar" />
			  </form>
		</table>
	  {% else %} {% ifequal estado 'modificar' %}
		<br/>
		          <form  method="GET" enctype="multipart/form-data">
			            {% csrf_token %}  
						<table>{{form.as_table}}</table>
			          	<br/>
		<table>
			          	<input type="submit" class="find_link" value="Guardar" onclick = "var op =  {{mensaje_id}}; this.form.action = '/comunidadcyt/mensajeria/guardar/'+op; this.form.submit()" />
		      			<input type="submit" class="find_link" value="Enviar" onclick = "var op =  {{mensaje_id}}; this.form.action = '/comunidadcyt/mensajeria/enviar/'+op; this.form.submit()" />
		          </form>
		          <form action="/comunidadcyt/mensajeria/borradores" method="GET">
		          		<input type="submit" class="find_link" value="Cancelar" />
		          </form>
		          <form action="/comunidadcyt/mensajeria/borrarBorradores/{{ mensaje_id }}" method="GET">
          			<input type="submit" class="find_link" value="Eliminar" />
                  </form>
			      </tr>
		</table>
	  {% endifequal %} {% endifequal %}

</div>

<script type="text/javascript">     
	$("#tab").tabs();
	$("#id_UsuariosDestino").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_GruposDestino").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
	$("#id_ProyectosDestino").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple'});
</script>
{%endblock%}